<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="../common/common.jsp"%>     
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个人资料设置</title>
		
        <link rel="stylesheet" href="${ctx }/css/layui.css">
		<script type="text/javascript" src="${ctx }/js/layer-v1.9.2/layer/layer.js"></script>
        <script type="text/javascript" src="${ctx}/js/layer-v1.9.2/layer/layui.js"></script>
		<link href="${ctx }/js/bootstrap/css/bootstrap.css" rel="stylesheet" media="screen">
   	    <link href="${ctx }/js/bootstrap/css/bootstrap-datetimepicker.css" rel="stylesheet" media="screen">
		<link rel="stylesheet" href="${ctx }/css/reset.css" />
		<link rel="stylesheet" href="${ctx }/css/public.css" />
		<link rel="stylesheet" href="${ctx }/css/style.css" />
		
		<!-- <style type="text/css">
			.add-on{width: auto;height: 20px;min-width: 16px;padding: 4px 5px;font-size: 14px;font-weight: normal;line-height: 20px;
			    text-align: center;text-shadow: 0 1px 0 #ffffff;background-color: #eeeeee;border: 1px solid #ccc;}
			.icon-th{display: inline-block!important;width: 14px;height: 14px; line-height: 14px;margin-top:10px;
			    vertical-align: text-top;background: url(/js/bootstrap/img/glyphicons-halflings.png) no-repeat -240px top;margin-top: 1px;}
		</style> -->
	</head>
	<body>
		<!--头部--> 
		<%@include file="../common/header.jsp"%>
		<%@include file="../common/headerMemberInfo.jsp"%>
		
		<div class="vip_main vip_setting vip_data container clearfix">
			<input type="hidden" id="settingClass" value="data"/>
			<%@include file="../common/leftMemberInfo.jsp"%>
			<div class="right l">
				<div>
					<a href="${ctx }/member/vip_data_setting" class="red">基本资料</a>
					<a href="${ctx }/member/vip_set_header">头像照片</a>
				</div>
				<form action=""> 
					<input type="hidden" name="mId" id="mId">
					<input type="hidden" name="mPhone" id="mPhone">
					<input type="hidden" name="mImg" id="mImg">
					<p class="photo clearfix"><label for="">当前头像：</label><span class="imgSpan"></span></p>
					<p class="nickname"><label for="">昵称：</label><input type="text" name="mName" id="mName" /><i>请输入昵称</i></p>
					<p class="real_name"><label for="">真实姓名：</label><input type="text" name="mRealname" id="mRealname" /><i>请输入真实姓名</i></p>
					<p><label for="">性别：</label><input type="radio" name="mSex" id="male" value="0"/>男&#x3000;&#x3000;<input type="radio" name="mSex" id="female" value="1"/>女</p>
					<p class="birthday input-append date form_datetime">
						<label for="">生日：</label>
						<input size="16" type="text" value=""  name="birthdayStr">
					    <span class="add-on"><i class="icon-th"></i></span>
					</p>
					<!-- <div class="input-append date form_datetime">
					    <input size="16" type="text" value="" readonly>
					    <span class="add-on"><i class="icon-th"></i></span>
					</div>       --> 
					<p>兴趣爱好：请选择您感兴趣的分类，给您最精确的推荐</p>
					<div class="six" >
						<span class="selected">鞋/箱包/奢侈品</span>
						<span>家用电器</span>
						<span>手机/数码</span>
						<span>电脑/办公</span>
						<span>家具/家装/厨具</span>
						<span>服饰内衣/珠宝首饰</span>
						<span>食品饮料/保健食品</span>
						<span>个护化妆</span>
						<span>运动健身</span>
						<span>母婴/玩具乐器</span>
					</div>
					<input type="button" id="save" value="保存">
				</form>
			</div>
		</div>
		<!--底部-->
		<%@include file="../common/bottom.jsp"%>
	<script type="text/javascript" src="${ctx }/js/bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="${ctx }/js/bootstrap/js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="${ctx }/js/bootstrap/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
	<script type="text/javascript" src="${ctx }/js/bootstrap/js/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
	
	<script src="${ctx }/js/member/vip_data_setting.js"></script>
	
	</body>
</html>
